<!--
  描述：预约设置列表页
  @author xujie
  @since 2020-09-02 11:37:56
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">

<head th:include="common/common :: jscss">
    <title>预约设置列表</title>
</head>
<body>

<div class="layui-fluid">

    <div class="layui-tab layui-tab-brief" lay-filter="demo" id = "demo">
        <ul class="layui-tab-title">
            <li class="layui-this" value="10">啄木鸟平台</li>
            <li value="20">言而有信</li>
            <li value="40">川南环保</li>
            <li value="30">一步维修</li>
        </ul>
        <div class="layui-tab-content">
            <form method="POST" action="" class="layui-form" lay-filter="zmn-form" style="white-space:nowrap!important;">
                <p style="color: #0C0C0C">预约时间范围设置：</p>
                <hr>
                <label class="layui-form-label">
                    <p style="color: #0C0C0C">通用设置：</p>
                </label>
                <div class="layui-row" id="fcTime">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">厂商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "fcAppointmentTime" name = "fcAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：厂商门户预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="entpTime">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">政企门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "entpAppointmentTime" name = "entpAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：政企门户预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">运营平台：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "opAppointmentTime" name = "opAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：运营平台预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="spTime">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">服务商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "spAppointmentTime" name = "spAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：服务商门户预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">工程师app：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "engAppointmentTime" name = "engAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：工程师app预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="userTime">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">用户前端：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "userAppointmentTime" name = "userAppointmentTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：用户前端预约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <hr>
                <p style="color: #0C0C0C">改约操作时间设置：</p>
                <label class="layui-form-label">
                    <p style="color: #0C0C0C">通用设置：</p>
                </label>
                <div class="layui-row" id="fcChangeTimeDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">厂商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "fcChangeTime" name = "fcChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：厂商门户改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="entpChangeTimeDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">政企门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "entpChangeTime" name = "entpChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：政企门户改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">运营平台：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "opChangeTime" name = "opChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：运营平台改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="spChangeTimeDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">服务商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "spChangeTime" name = "spChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：厂商门户改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="engChangeTimeDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">工程师app：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "engChangeTime" name = "engChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：工程师app改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="userChangeTimeDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">用户前端：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" class="layui-input start-to-end-time" placeholder="-选择:时-分-" autocomplete="off" id = "userChangeTime" name = "userChangeTime">
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：用户前端改约时间仅可在此范围内选择</div>
                        </div>
                    </div>
                </div>

                <hr>
                <p style="color: #0C0C0C">改约次数：</p>
                <label class="layui-form-label">
                    <p style="color: #0C0C0C">通用设置：</p>
                </label>
                <div class="layui-row" id="fcChangeNumberDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">厂商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "fcChangeNumber" name = "fcChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：厂商门户改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10" id="entpChangeNumberDiv">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">政企门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "entpChangeNumber" name = "entpChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：政企门户改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">运营平台：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "opChangeNumber" name = "opChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：运营平台改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="spChangeNumberDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">服务商门户：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "spChangeNumber" name = "spChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：服务商门户改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">工程师app：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "engChangeNumber" name = "engChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：工程师app改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <div class="layui-row" id="userChangeNumberDiv">
                    <div class="layui-col-sm10">
                        <div class="layui-form-item">
                            <label class="layui-form-label layui-form-required">用户前端：</label>
                            <div class="layui-input-inline" style="width:200px;">
                                <input type="text" lay-verify="number" placeholder="请输入改约次数限制" autocomplete="off" class="layui-input" id = "userChangeNumber" name = "userChangeNumber"
                                       onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" >
                            </div>
                            <div class="layui-form-mid layui-word-aux">设置后：用户前端改约次数最多不超过当前设置次数</div>
                        </div>
                    </div>
                </div>

                <hr>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="zmn-form-submit" th:if="${#authPermit.checkPermit('/appointment/appointmentsetting/addEditList.action')}">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>

            <div class="layui-card-body">
                <div class="layui-card-header layui-margin-b" style="margin-left: -10px"><b>操作记录信息</b></div>
                <table class="layui-table" style="width: 1200px">
                    <thead>
                    <tr>
                        <th style="text-align: center;">操作时间</th>
                        <th style="text-align: center;">操作内容</th>
                        <th style="text-align: center;">操作员</th>
                    </tr>
                    </thead>
                    <tbody id="operation">
                    </tbody>
                </table>

            </div>


        </div>
    </div>

</div>

<script type="text/javascript" th:inline="javascript">

    let json = {
        totalCount: [[${vo.totalCount}]],
        pageSize: [[${vo.pageSize}]],
        pageIndex: [[${vo.pageIndex}]],
        items: [[${items}]]
    };

    layui.config({
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        plat_appointmentsetting_list: "appointment/appointmentsetting/zmn.plat.appointmentsetting.list",
    }).use(['index', 'plat_appointmentsetting_list']);


</script>
</body>
</html>